 @media only screen and (max-width:890px){
  #outer-wrapper{
	width:96%;
	max-width:96%;
	max-height:100%;
	margin:1%;
	padding:1%;
	display:block;
	float:none;}
  #main-wrapper, #sidebar-wrapper{
	width:100%;
	max-width:100%;
	height:100%;
	max-height:100%;
	display:block;
	float:none;}
  #search-box{
	width:96%;}
  .comment-form p{
	width:98.5%;
	max-width:98.5%;
	max-height:100%;
	padding:1%;
	display:block;
	float:none;}
  #menu{
	position:relative;
	width:97%;
	margin:0 auto;
	padding:0;}
  #menu ul{
	background:#21afa4;
	position:absolute;
	top:100%;
	left:0;
	z-index:3;
	height:auto;
	display:none;
	width:100%;
	border:1px solid #6e0000;}
  #menu ul.menus{
	width:100%;
	position:static;
	padding-left:20px;
	border:none;}
  #menu li{
	display:block;
	float:none;
	width:auto;
	border-top:1px solid #6e0000;}
  #menu input,#menu label{
	position:absolute;
	top:7px;
	left:0;
	display:block;}
  #menu input{z-index:4;}
  #menu input:checked + label{color:white;}
  #menu input:checked ~ ul{display:block;}
  #selamat{width:90%;}
  #top-menu ul{display:none;}
  .comment_child .comment_wrap{padding-left:1%;}
  #kislidingbox, #notif, #show-total, .sticky, #info {display:none;}
  #top-menuwrapper{background:#21afa4;}
  .logo{margin:15px 0 15px 50px;}
  .post-body img{height:auto;width:auto;max-width:100%;}
}